<template>
  <div class="footer">
    <div class="footer-con">
      <p></p>
      <div style="display: flex; align-items: center; justify-content: center;margin-top:15px;margin-bottom:15px; " >
        <nuxt-link
          class="footerstyle"
          to="/baseIntrduce"
          >基地介绍</nuxt-link
        >
        <span style="color:#a4a4a4">|</span>
        <nuxt-link
          class="footerstyle"
          to="/helpFamiFinance/intrduce"
          >助农金融</nuxt-link
        >
        <span style="color:#a4a4a4">|</span>
        <nuxt-link class="footerstyle" to="/nzSupply"
          >农资供应</nuxt-link
        >
        <span style="color:#a4a4a4">|</span>
        <nuxt-link class="footerstyle" to="/zjTeam"
          >专家团队</nuxt-link
        >
        <span style="color:#a4a4a4">|</span>
        <nuxt-link
          class="footerstyle"
          to="/farmProducts/tracing1"
          >农产品溯源</nuxt-link
        >
        <span style="color:#a4a4a4">|</span>
        <nuxt-link class="footerstyle" to="/News"
          >公司新闻</nuxt-link
        >
      </div>
      <p></p>
      <p>
        <span style="margin-right: 20px; font-size: 14px"
          >农业标准化种植科技平台</span
        >
        <span style="font-size: 14px">ICP备案证书号：滇ICP备2020008762号</span>
      </p>
      <p>
        2020 云南有块田农业科技有限公司旗下品牌网站 版权所有，并保留所有权利。
      </p>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
};
</script>
<style  scoped>
.footer {
  margin-top: 20px;

  margin-bottom: 60px;
}
.footer-con {
  width: 1200px;
  margin: 0 auto;
  font-size: 14px;
}
.footer-con p {
  text-align: center;
  line-height: 30px;
  color: #a4a4a4;
  font-size: 14px;
}
.footer-con p:nth-child(1) {
  margin-top: 16px;
  margin-bottom: 16px;
}
.footerstyle{
  font-size: 14px;
  color: #a4a4a4;
  margin: 0 20px 0 20px;
}
</style>
